<template>
  <!-- <div>这是后台管理系统首页</div> -->
   <div class="home-container">
    <!-- 页面顶部 自定义组件-->
     <my-header></my-header>
    <!-- 页面主体 -->
     <div class="home-main-book">
    <!-- 左侧区域 自定义组件 -->
     <my-aside></my-aside>
    <!-- 右侧区域 -->
     <div class="home-main-body">
      <router-view></router-view>
     </div>
     </div>
   </div>
</template>

<script setup>
import MyAside from './subComponents/MyAside.vue';
import MyHeader from './subComponents/MyHeader.vue';
</script>

<style lang="less" scoped>
.home-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  .home-main-box {
    height: 100%;
    display: flex;
    .home-main-body {
      padding: 15px;
      flex: 1;
    }
  }
}
</style>